<%--
  Created by IntelliJ IDEA.
  User: asus
  Date: 2020/3/16
  Time: 19:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" >
    <title>名人堂</title>
    <link rel="stylesheet" type="text/css"  href="${pageContext.request.contextPath}/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/style.css">
    <link rel="stylesheet" type="text/css" href="themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="themes/icon.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.easyui.min.js"></script>
</head>
<style type="text/css">
    html{
        width: 100%;
    }
    body{
        width: 100%;
        background-color: rgba(243, 243, 243, 0.8);
    }
    .body{
        width: 60%;
        margin: 0 auto;
        margin-top: 90px;
        padding-top: 50px;
    }
    .header{
        line-height: 100px;
        font-size: 50px;
        font-width: 900;
        text-align: center;
        margin-bottom: 30px;
    }
    .mode{
        width: 100%;
        height:300px;
        margin-right: 25px;
        margin-bottom: 50px;
        margin-left: 20px;
        background-color: white;
    }
    .mode img{
        width: 20%;
        height: 100%;
        float: left;
        margin-right: 20px;
    }
    .mode2{
        width: 100%;
        height:300px;
        margin-right: 25px;
        margin-bottom: 50px;
        margin-left: 20px;

        background-color: white;
    }
    .mode2 img{
        width: 20%;
        height: 100%;
        float: right;
    }
    .text {
        font-size: 23px;
        line-height: 30px;
        margin: 40px;
    }
    .text h2{
        text-align: center;
        line-height: 50px;
        font-width: 800;
    }
</style>
<body>
    <nav id="menu" class="navbar navbar-default navbar-fixed-top">
        <div class="container">

            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
                <a class="navbar-brand page-scroll" href="index.jsp">西安文理学院社团管理系统</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="index.jsp">首页</a></li>
                    <li><a href="${pageContext.request.contextPath}/CommunityServlet?method=findCommunityCategory">社团</a></li>
                    <li><a href="${pageContext.request.contextPath}/IndexServlet?method=findHonorWall">荣誉墙</a></li>
                    <li><a href="${pageContext.request.contextPath}/IndexServlet?method=findHallOfFame">名人堂</a></li>
                    <li><a href="${pageContext.request.contextPath}/Report.jsp">匿名投诉</a></li>
                    <li><a href="${pageContext.request.contextPath}/loginForm.jsp">登录</a></li>
                    <li><a href="${pageContext.request.contextPath}/StudentServlet?method=findFactoryId">注册</a></li>
                    <c:if test="${ not empty student}">
                        <li><a href="${pageContext.request.contextPath}/person/personInfo.jsp">我的</a></li>
                    </c:if>
                </ul>
            </div>
        </div>
    </nav>
    <div class="body">
        <div class="header">名人堂</div>
        <c:if test="${empty fhs}">
            <h3>还没有任何学生加入到名人堂中</h3>
        </c:if>
       <c:if test="${not empty fhs}">
         <c:forEach items="${fhs}" var="f" varStatus="h">
             <c:if test="${h.count % 2 != 0}">
                <div class="mode clearfix">
             </c:if>
             <c:if test="${h.count % 2 == 0}">
                 <div class="mode2 clearfix">
               </c:if>
            <img src="${pageContext.request.contextPath}/uploadImg/${f.img}" alt="荣誉墙">
            <div class="text">
                <p>姓名：${f.susername}</p>
                <p>学院：${f.fname}</p>
                <p>人物简介：${f.experience}</p>
            </div>
        </div>
          </c:forEach>
       </c:if>
    </div>
    <div style="text-align: center;clear: both;">
        <br />
        Copyright © 雪绒花小组
    </div>
</body>
</html>

